<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	 <meta charset="utf-8">
	 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	 <title th:replace="common/base::pagetitle"></title>
	 <link th:replace="common/base::static"/>
	 <style>
		  
		  .layui-carousel-ind {
				position: absolute;
				top: -41px;
				text-align: right;
		  }
		  
		  .layui-carousel ul.layui-row {
				background: #ffffff;
				margin: 0;
		  }
		  
		  #shortcut ul.layui-row li {
				text-align: center;
				/*width: 87px;*/
		  }
		  
		  .layui-carousel ul.layui-row li a i {
				display: inline-block;
				width: 100%;
				height: 60px;
				line-height: 60px;
				text-align: center;
				border-radius: 2px;
				font-size: 30px;
				background-color: #F8F8F8;
				color: #333;
				transition: all .3s;
				-webkit-transition: all .3s;
		  }
		  
		  .wlb-backlog-body {
				display: block;
				padding: 10px 15px;
				background-color: #f8f8f8;
				color: #999;
				border-radius: 2px;
				transition: all .3s;
				-webkit-transition: all .3s;
		  }
		  
		  .wlb-backlog-body h3 {
				padding-bottom: 10px;
				font-size: 12px;
		  }
		  
		  .wlb-backlog-body p cite {
				font-style: normal;
				font-size: 30px;
				font-weight: 300;
				color: #009688;
		  }
	 </style>
</head>
<body>

<div id="kPage" class="layui-fluid wlb-fluid-padding15">
	 欢迎访问微利宝运营管理后台
</div>

<script th:replace="common/base::context"></script>
<script th:replace="common/base::mainjs"></script>
<!--<script th:replace="common/base::echartjs"></script>-->

<script type="text/javascript" th:inline="javascript">
    layui.use(['element', 'carousel', 'laytpl'], function () {
        var $ = layui.$, element = layui.element, carousel = layui.carousel, laytpl = layui.laytpl;

        // var iframeIdx = $('#kAppTabTitle').find('li').length;
        //
        // wlbKit.aGet(api.comm.shortcutMenus, function (r) {
        //     laytpl($('#shortcut').html()).render(r.data, function (html) {
        //         var sb = new StringBuilder();
        //         sb.append("<div carousel-item=\"\">");
        //         var subGroupLength = 8; //每8个分成一个数据
        //         var index = 0;
        //         var newArray = [];
        //         while(index < r.data.length) {
        //             newArray.push(r.data.slice(index, index += subGroupLength));
        //         }
        //
        //         for(var d in newArray){
        //             if(d == 0){
        //                 //默认打开第1个
        //                 sb.append("<ul class=\"layui-nav layui-col-space10 layui-this\" lay-filter=\"kAppShortcutFlexible\">");
        //             }else{
        //                 sb.append("<ul class=\"layui-nav layui-col-space10\" lay-filter=\"kAppShortcutFlexible\">");
        //             }
        //             for(var j in newArray[d]){
        //                 sb.append("<li class=\"layui-nav-item layui-col-xs3\">");
        //                 sb.append("<a lay-tips='"+newArray[d][j].name+"' href='javascript:;' data-menu-id='"+newArray[d][j].id+"' data-menu-url='"+newArray[d][j].url+"'>");
        //
        //                 if(newArray[d][j].icon != null && newArray[d][j].icon != ""){
        //                     sb.append("<i id='kAppShortcutFlexible'  class=\"layui-icon "+newArray[d][j].icon+"\"></i>");
        //                 }else{
        //                     sb.append("<i id='kAppShortcutFlexible' class=\"layui-icon layui-icon-template-1\"></i>");
        //                 }
        //                 sb.append(" <cite>"+newArray[d][j].name+"</cite>");
        //                 sb.append("</a></li>")
        //             }
        //             sb.append("</ul>")
        //
        //         }
        //        // sb.append("</ul>")
        //        sb.append("</div>");
        //         console.log(sb.toString());
        //         $('#shortcut').html(sb.toString());
        //         element.render('nav', 'kAppShortcutFlexible');
        //     });
        // });

        // element.on('nav(kAppShortcutFlexible)', function (el) {
        //     alert(1);
        //     addPage(el);
        // });
        //
        //
        // carousel.render({
        //     elem: '#shortcut'
        //     ,width: '100%' //设置容器宽度
        //     ,height: '180px'
        //     ,arrow: 'none' //始终显示箭头
        //     ,autoplay: false
        // });
        // carousel.render({
        //     elem: '#backlog'
        //     ,width: '100%' //设置容器宽度
        //     ,height: '180px'
        //     ,arrow: 'none' //始终显示箭头
        //     ,autoplay: false
        // });
        // carousel.render({
        //     elem: '#other'
        //     ,width: '100%' //设置容器宽度
        //     ,height: '180px'
        //     ,arrow: 'none' //始终显示箭头
        //     ,autoplay: false
        // });


    });
</script>

</body>
</html>